<!DOCTYPE html>
<html lang="zh">
<head>
  <title></title>
  <meta charset="UTF-8">
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta content="email=no" name="format-detection" />
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <link rel="stylesheet" href="/guanyuanmobile/css/swiper.min.css">
  <link rel="stylesheet" href="/guanyuanmobile/css/index.css">
  <link rel="stylesheet" href="/plugins/layui/css/layui.css"  media="all">
  <script>window.mobileUtils=function(e,t){var i=navigator.userAgent,n=/android|adr/gi.test(i),a=/iphone|ipod|ipad/gi.test(i)&&!n;return{isAndroid:n,isIos:a,isMobile:n||a,isWeixin:/MicroMessenger/gi.test(i),isQQ:/QQ\/\d/gi.test(i),dpr:a?Math.min(e.devicePixelRatio,3):1,rem:null,fixScreen:function(){var i=this,n=t.querySelector('meta[name="viewport"]'),r=n?n.content:"";if(r.match(/initial\-scale=([\d\.]+)/),r.match(/width=([^,\s]+)/),!n){var o,s=t.documentElement,d=s.dataset.mw||750,m=a?Math.min(e.devicePixelRatio,3):1;t.getElementsByTagName("body")[0],s.removeAttribute("data-mw"),s.dataset.dpr=m,n=t.createElement("meta"),n.name="viewport",n.content=function(e){return"viewport-fit=cover,initial-scale="+e+",maximum-scale="+e+",minimum-scale="+e}(1),s.firstElementChild.appendChild(n);var c=function(){var e=s.getBoundingClientRect().width;e=e>d?d:e;var t=e/16;i.rem=t,s.style.fontSize=t+"px"};e.addEventListener("resize",function(){clearTimeout(o),o=setTimeout(c,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(o),o=setTimeout(c,300))},!1),c()}}}}(window,document),mobileUtils.fixScreen();</script>

 <style type="text/css">
   .layui-m-layercont {
     padding: 1px 1px;
     line-height: 22px;
     text-align: center;
   }

 </style>
</head>
<body style='background:#fff'>
<!-- 头部 -->
<div class="container">
  <div class="header clearfix">
    <div class="logo"></div>
    <div class="l1">袁天罡奇门遁甲山海号查询系统</div>
    <div style="display: none" class="logo2"></div>
    <div style="display: none"  class="backIcon" onclick="javascript:history.back(-1);">返回</div>
  </div>
  <div class="img1"></div>
  <div style="display: inline-block;">
    <form class="layui-form layui-form-pane" action="" style="margin-top:5px;">

      <div class="layui-form-item" style="margin-bottom: 0px">
        <div class="layui-inline">
          <label class="layui-form-label">山海选择：</label>
          <div class="layui-input-inline" style="margin-bottom:0px;">
            <select name="pids"  lay-filter="shname" lay-verify="required" lay-search="">
              <option value="">名称首字母搜索</option>
              <option value="0">全局查询</option>
              <option value="2">观虚(xu)</option>
              <option value="4">观罡(gang)</option>
              <option value="5">观元(yuan)</option>
              <option value="6">观民(min)</option>
              <option value="7">观象(xiang)</option>
              <option value="8">观成(cheng)</option>
              <option value="9">观住(zhu)</option>
              <option value="10">观青(qing)</option>
              <option value="11">观善(shan)</option>
              <option value="12">观致(zhi)</option>
              <option value="13">观德(de)</option>
              <option value="14">观典(dian)</option>
              <option value="15">观然(ran)</option>
              <option value="16">观全(quan)</option>
              <option value="17">观由(you)</option>
              <option value="18">观本(ben)</option>
              <option value="19">观正(zheng)</option>
              <option value="20">观臻(zhen)</option>
              <option value="21">观一(yi)</option>
              <option value="22">观月(yue)</option>
              <option value="24">观格(ge)</option>
              <option value="26">观辉(hui)</option>
              <option value="27">观道(dao)</option>
              <option value="28">观嘉(jia)</option>
              <option value="29">观持(chi)</option>
              <option value="31">观关(guan)</option>
              <option value="32">观遁(dun)</option>
              <option value="33">观准(zhun)</option>
              <option value="34">观吾(wu)</option>
              <option value="35">观用(yong)</option>
              <option value="36">观和(he)</option>
              <option value="37">观候(hou)</option>
              <option value="38">观诺(nuo)</option>
              <option value="39">观共(gong)</option>
              <option value="40">观昂(ang)</option>
              <option value="41">观镜(jing)</option>
              <option value="43">观离(li)</option>
              <option value="44">观尘(chen)</option>
              <option value="45">观华(hua)</option>
              <option value="46">观龙(long)</option>
              <option value="48">观怀(huai)</option>
              <option value="49">观见(jian)</option>
              <option value="50">观客(ke)</option>
              <option value="51">观应(ying)</option>
              <option value="52">观达(da)</option>
              <option value="53">观明(ming)</option>
              <option value="54">观崇(chong)</option>
              <option value="57">观周(zhou)</option>
              <option value="58">观体(ti)</option>
              <option value="59">观玄(xuan)</option>
              <option value="60">观博(bo)</option>
              <option value="61">观方(fang)</option>
              <option value="62">观如(ru)</option>
              <option value="63">观守(shou)</option>
              <option value="64">观墨(mo)</option>
              <option value="65">观蒙(meng)</option>
              <option value="66">观奇(qi)</option>
              <option value="67">观藏(cang)</option>
              <option value="68">观雅(ya)</option>
              <option value="69">观在(zai)</option>
              <option value="70">观照(zhao)</option>
              <option value="71">观宁(ning)</option>
              <option value="72">观安(an)</option>
              <option value="73">观中(zhong)</option>
              <option value="74">观高(gao)</option>
              <option value="75">观昊(hao)</option>
              <option value="76">观居(ju)</option>
              <option value="77">观满(man)</option>
              <option value="78">观锦(jin)</option>
              <option value="79">观军(jun)</option>
              <option value="80">观捷(jie)</option>
              <option value="81">观恒(heng)</option>
              <option value="82">观角(jiao)</option>
              <option value="83">观生(sheng)</option>
              <option value="84">观水(shui)</option>
              <option value="85">观藤(teng)</option>
              <option value="86">观睿(rui)</option>
              <option value="87">观平(ping)</option>
              <option value="88">观宝(bao)</option>
              <option value="89">观泰(tai)</option>
              <option value="90">观舍(she)</option>
              <option value="91">观念(nian)</option>
              <option value="92">观临(lin)</option>
              <option value="93">观熙(xi)</option>
              <option value="94">观穹(qiong)</option>
              <option value="95">观鼎(ding)</option>
              <option value="96">观彻(che)</option>
              <option value="97">观度(du)</option>
              <option value="98">观实(shi)</option>
              <option value="99">观九(jiu)</option>
              <option value="100">观三(san)</option>
              <option value="101">观谋(mou)</option>
              <option value="102">观文(wen)</option>
              <option value="103">观雷(lei)</option>
              <option value="104">观魁(kui)</option>
              <option value="105">观谦(qian)</option>
              <option value="106">观顺(shun)</option>
              <option value="108">观禅(chan)</option>
              <option value="110">观隐(yin)</option>
              <option value="111">观鸿(hong)</option>
              <option value="112">观妙(miao)</option>
              <option value="113">观来(lai)</option>
              <option value="114">观品(pin)</option>
              <option value="115">观命(ming)</option>
              <option value="116">观玉(yu)</option>
              <option value="117">观复(fu)</option>
              <option value="118">观眺(tiao)</option>
              <option value="119">观嗣(si)</option>
              <option value="120">观言(yan)</option>
              <option value="123">观常(chang)</option>
              <option value="124">观兴(xing)</option>
              <option value="127">观乐(le)</option>
              <option value="129">观也(ye)</option>
              <option value="132">观阿(e)</option>
              <option value="133">观爻(yao)</option>
              <option value="134">观寸(cun)</option>
              <option value="140">观良(liang)</option>
              <option value="142">观通(tong)</option>
              <option value="143">观微(wei)</option>
              <option value="144">观光(guang)</option>
              <option value="146">观云(yun)</option>
              <option value="147">观禄(lu)</option>
              <option value="148">观泽(ze)</option>
              <option value="150">观国(guo)</option>
              <option value="151">观衮(gun)</option>
              <option value="154">观南(nan)</option>
              <option value="155">观及(ji)</option>
              <option value="156">观枢(shu)</option>
              <option value="157">观肃(su)</option>
              <option value="158">观那(na)</option>
              <option value="159">观上(shang)</option>
              <option value="160">观觉(jue)</option>
              <option value="161">观扬(yang)</option>
              <option value="162">观贤(xian)</option>
              <option value="163">观战(zhan)</option>
              <option value="164">观朋(peng)</option>
              <option value="165">观岭(ling)</option>
              <option value="166">观非(fei)</option>
              <option value="167">观修(xiu)</option>
              <option value="169">观彬(bin)</option>
              <option value="170">观唐(tang)</option>
              <option value="171">观润(run)</option>
              <option value="173">观荣(rong)</option>
              <option value="174">观韧(ren)</option>
              <option value="175">观涛(tao)</option>
              <option value="176">观变(bian)</option>
              <option value="177">观连(lian)</option>
              <option value="178">观法(fa)</option>
              <option value="179">观绵(mian)</option>
              <option value="180">观茂(mao)</option>
              <option value="181">观随(sui)</option>
              <option value="182">观浔(xun)</option>
              <option value="183">观凡(fan)</option>
              <option value="184">观心(xin)</option>
              <option value="185">观普(pu)</option>
              <option value="186">观聪(cong)</option>
              <option value="187">观自(zi)</option>
              <option value="188">观略(lue|lüe)</option>
              <option value="189">观开(kai)</option>
              <option value="190">观慈(ci)</option>
              <option value="191">观恩(en)</option>
              <option value="192">观密(mi)</option>
              <option value="193">观淞(song)</option>
              <option value="194">观航(hang)</option>
              <option value="195">观能(neng)</option>
              <option value="196">观囸(ri)</option>
              <option value="197">观乧(dou)</option>
              <option value="198">观恳(ken)</option>
              <option value="199">观篁(huang)</option>
              <option value="200">观二(er)</option>
              <option value="201">观隹(zhui)</option>
              <option value="202">观卷(juan)</option>
              <option value="203">观尊(zun)</option>
              <option value="205">观雪(xue)</option>
              <option value="206">观萃(cui)</option>
              <option value="207">观沙(sha)</option>
              <option value="208">观图(tu)</option>
              <option value="209">观谷(gu)</option>
              <option value="210">观少(shao)</option>
              <option value="211">观筍(sun)</option>
              <option value="212">观白(bai)</option>
              <option value="213">观转(zhuan)</option>
              <option value="214">观鼐(nai)</option>
              <option value="215">观策(ce)</option>
              <option value="216">观慕(mu)</option>
              <option value="217">观凤(feng)</option>
              <option value="218">观汀(ting)</option>
              <option value="219">观灿(can)</option>
              <option value="220">观感(gan)</option>
              <option value="221">观察(cha)</option>
              <option value="222">观北(bei)</option>
              <option value="223">观瑟(se)</option>
              <option value="224">观下(xia)</option>
              <option value="225">观琴(qin)</option>
              <option value="226">观留(liu)</option>
              <option value="227">观群(qun)</option>
              <option value="228">观断(duan)</option>
              <option value="229">观侬(nong)</option>
              <option value="230">观坤(kun)</option>
              <option value="231">观萧(xiao)</option>
              <option value="233">观喆(zhe)</option>
              <option value="234">观宗(zong)</option>
              <option value="235">观傲(ao)</option>
              <option value="236">观覃(tan)</option>
              <option value="237">观袅(niao)</option>
              <option value="238">观柔(rou)</option>
              <option value="239">观律(lv(lü))</option>
              <option value="240">观炅(jiong)</option>
              <option value="241">观牛(niu)</option>
              <option value="242">观兑(dui)</option>
              <option value="243">观我(wo)</option>
              <option value="244">观铎(duo)</option>
              <option value="245">观淳(chun)</option>
              <option value="246">观曾(zeng)</option>
              <option value="247">观澜(lan)</option>
              <option value="248">观艮(gen)</option>
              <option value="249">观让(rang)</option>
              <option value="250">观彼(bi)</option>
              <option value="251">观觑(qu)</option>
              <option value="252">观憨(han)</option>
              <option value="253">观早(zao)</option>
              <option value="254">观宽(kuan)</option>
              <option value="255">观美(mei)</option>
              <option value="256">观窍(qiao)</option>
              <option value="257">观最(zui)</option>
              <option value="258">观梉(zhuang)</option>
              <option value="259">观盤(pan)</option>
              <option value="260">观脉(mai)</option>
              <option value="261">观泷(shuang)</option>
              <option value="262">观培(pei)</option>
              <option value="263">观叟(sou)</option>
              <option value="264">观抟(tuan)</option>
              <option value="265">观火(huo)</option>
              <option value="266">观埠(bu)</option>
              <option value="267">观邦(bang)</option>
              <option value="268">观创(chuang)</option>
              <option value="269">观阙(que)</option>
              <option value="270">观爱(ai)</option>
              <option value="271">观若(ruo)</option>
              <option value="272">观初(chu)</option>
              <option value="273">观茄(qie)</option>
              <option value="274">观左(zuo)</option>
              <option value="275">观卓(zhuo)</option>
              <option value="276">观坎(kan)</option>
              <option value="277">观洛(luo)</option>
              <option value="278">观朔(shuo)</option>
              <option value="279">观万(wan)</option>
              <option value="280">观阆(lang)</option>
              <option value="281">观马(ma)</option>
              <option value="282">观般(ban)</option>
              <option value="283">观才(cai)</option>
              <option value="284">观了(liao)</option>
              <option value="285">观帅(shuai)</option>
              <option value="286">观外(wai)</option>
              <option value="287">观壶(hu)</option>
              <option value="288">观璗(dang)</option>
              <option value="289">观岱(dai)</option>
              <option value="290">观特(te)</option>
              <option value="291">观雄(xiong)</option>
              <option value="292">观卦(gua)</option>
              <option value="293">观诹(zou)</option>
              <option value="294">观表(biao)</option>
              <option value="295">观莽(mang)</option>
              <option value="296">观等(deng)</option>
              <option value="297">观康(kang)</option>
              <option value="298">观森(sen)</option>
              <option value="299">观楼(lou)</option>
              <option value="300">观论(lun)</option>
              <option value="301">观秋(qiu)</option>
              <option value="302">观臬(nie)</option>
              <option value="303">观涔(cen)</option>
              <option value="304">观超(chao)</option>
              <option value="305">观恰(qia)</option>
              <option value="306">观所(suo)</option>
              <option value="307">观讷(ne)</option>
              <option value="308">观尼(ni)</option>
              <option value="309">观烈(lie)</option>
              <option value="310">观丕(pi)</option>
              <option value="311">观魂(hun)</option>
              <option value="312">观痕(hen)</option>
              <option value="313">观塔(ta)</option>
              <option value="314">观旷(kuang)</option>
              <option value="315">观篇(pian)</option>
              <option value="316">观僧(seng)</option>
              <option value="317">观谬(miu)</option>
              <option value="318">观算(suan)</option>
              <option value="319">观快(kuai)</option>
              <option value="320">观丹(dan)</option>
              <option value="321">观靠(kao)</option>
              <option value="322">观赛(sai)</option>
              <option value="323">观阔(kuo)</option>
              <option value="324">观叩(kou)</option>
              <option value="325">观叠(die)</option>
              <option value="326">观吒(zha)</option>
              <option value="327">观暖(nuan)</option>
              <option value="328">观协(xie)</option>
              <option value="329">观章(zhang)</option>
              <option value="330">观怗(tie)</option>
              <option value="331">观门(men)</option>
              <option value="332">观斋(zhai)</option>
              <option value="333">观魄(po)</option>
              <option value="334">观哦(o)</option>
              <option value="335">观翁(weng)</option>
              <option value="336">观窎(diao)</option>
              <option value="337">观推(tui)</option>
              <option value="338">观透(tou)</option>
              <option value="339">观层(ceng)</option>
              <option value="340">观簇(cu)</option>
              <option value="341">观川(chuan)</option>
              <option value="342">观草(cao)</option>
              <option value="343">观姤(gou)</option>
              <option value="344">观礽(reng)</option>
              <option value="345">观巴(ba)</option>
              <option value="346">观焕(huan)</option>
              <option value="347">观庞(pang)</option>
              <option value="348">观分(fen)</option>
              <option value="349">观攥(zuan)</option>
              <option value="350">观赞(zan)</option>
              <option value="351">观湃(pai)</option>
              <option value="352">观暾(tun)</option>
              <option value="353">观讴(ou)</option>
              <option value="354">观臧(zang)</option>
              <option value="355">观夬(guai)</option>
              <option value="356">观饶(rao)</option>
              <option value="357">观祖(zu)</option>
              <option value="358">观逴(chuo)</option>
              <option value="359">观冷(leng)</option>
              <option value="360">观丐(gai)</option>
              <option value="361">观娲(wa)</option>
              <option value="362">观䨻(beng)</option>
              <option value="363">观瑙(nao)</option>
              <option value="364">观锵(qiang)</option>
              <option value="365">观鸾(luan)</option>
              <option value="366">观崂(lao)</option>
              <option value="367">观啊(a)</option>
              <option value="368">观别(bie)</option>
              <option value="369">观努(nu)</option>
              <option value="370">观卡(ka)</option>
              <option value="371">观错(cuo)</option>
              <option value="372">观漂(piao)</option>
              <option value="373">观缶(fou)</option>
              <option value="374">观剖(pou)</option>
              <option value="375">观萨(sa)</option>
              <option value="376">观灭(mie)</option>
              <option value="377">观闩(shuan)</option>
              <option value="378">观侪(chai)</option>
              <option value="379">观唷(yo)</option>
              <option value="380">观沯(za)</option>
              <option value="381">观辏(cou)</option>
              <option value="382">观桑(sang)</option>
              <option value="383">观酿(niang)</option>
              <option value="384">观袍(pao)</option>
              <option value="385">观爨(cuan)</option>
              <option value="386">观呠(pen)</option>
              <option value="387">观鞥(eng)</option>
              <option value="388">观垂(chui)</option>
              <option value="389">观袙(pa)</option>
              <option value="390">观㻰(re)</option>
              <option value="391">观妥(tuo)</option>
              <option value="392">观晒(shai)</option>
              <option value="393">观㐻(nei)</option>
              <option value="394">观囊(nang)</option>
              <option value="395">观黁(nun)</option>
              <option value="396">观哈(ha)</option>
              <option value="397">观翋(la)</option>
              <option value="398">观黒(hei)</option>
              <option value="399">观䪭(ruan)</option>
              <option value="400">观尕(ga)</option>
              <option value="401">观夸(kua)</option>
              <option value="402">观埽(sao)</option>
              <option value="403">观贼(zei)</option>
              <option value="404">观库(ku)</option>
              <option value="405">观扽(den)</option>
              <option value="406">观耨(nou)</option>
              <option value="407">观瞥(pie)</option>
              <option value="408">观桂(gui)</option>
              <option value="409">观怎(zen)</option>
              <option value="410">观嗲(dia)</option>
              <option value="411">观䵽(ca)</option>
              <option value="412">观跩(zhuai)</option>
              <option value="413">观丑(chou)</option>
              <option value="414">观燊(shen)</option>
              <option value="415">观嫩(nen)</option>
              <option value="416">观唰(shua)</option>
              <option value="417">观东(dong)</option>
              <option value="418">观谛(di)</option>
              <option value="419">观铿(keng)</option>
              <option value="420">观虐(nue)</option>
              <option value="421">观嘸(m)</option>
              <option value="422">观空(kong)</option>
              <option value="423">观江(jiang)</option>
              <option value="424">观囜(nin)</option>
              <option value="425">观兵(bing)</option>
              <option value="426">观天(tian)</option>
              <option value="427">观瀇(wang)</option>
              <option value="428">观䦷(chuai)</option>
              <option value="429">观耿(geng)</option>
              <option value="430">观海(hai)</option>
              <option value="431">观铥(diu)</option>
              <option value="432">观女(nv|nü)</option>
              <option value="433">观髽(zhua)</option>
              <option value="434">观㗒(ei)</option>
            </select>
          </div>
        </div>
        <div class="layui-form-item"  style="margin-bottom:0px;">
          <label id="labelxm" class="layui-form-label">姓名检索：</label>
          <div class="layui-input-inline" style="display: flex;">
            <input type="text" name="wordhh" id="wordhh" placeholder="请输入姓名(例如:张三)" autocomplete="off" class="layui-input" style="margin-bottom:5px;">
            <button id="buttonname" lay-submit="" lay-filter="demo1" style="margin-left: 2px;height: 36px;" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-normal">山海查询</button>
          </div>

        </div>
      </div>
    </form>
 </div>
  <div style="display: inline-block;">
    <table id="demo" lay-filter="test"></table>
  </div>
</div>
</body>
<script src="/plugins/layui/layui.js"></script>
<script src="/plugins/htmltoimg/js/html2canvas.js"></script>
<script src="/libs/jquery.min.js"></script>
<script>
  layui.use(['form', 'table'], function(){
    var form = layui.form,
            table = layui.table;

    form.on('select(shname)', function(data){
      //layui.layer.msg(data.value);//得到被选中的值
      if(data.value==='0'){
          $("#labelxm").text("字符搜索：");
          $("#wordhh").attr('placeholder',"输入名海号拼音");
          $("#buttonname").text("搜索");
      }else{
          $("#labelxm").text("姓名检索：");
          $("#wordhh").attr('placeholder',"请输入姓名(例如:张三)");
          $("#buttonname").text("山海查询");
      }
    })

    //监听提交
    form.on('submit(demo1)', function(data){
      var datas = data.field;
      //第一个实例
      table.render({
        elem: '#demo'
        ,height: 450
        ,url: '/tgqmdj/queryShhByPid?pid='+datas.pids+'&wordhh='+datas.wordhh+'' //数据接口
        ,page: false //开启分页
        ,cols: [[ //表头
          {field:'ppx', title: 'ID', sort: true, width:60}
          ,{field: 'shx', title: '山', width:75}
          ,{field: 'nickname', title: '名', width:85}
          ,{field: 'hh', title: '字', width:75}
          ,{field: 'pinyin', title: '音', width:90}
        ]]
      });
      return false;
    });


  });


</script>
</html>
